<template>
<!-- 单个推荐列表中间 -->
  <div v-if="list" class="center">
      <van-image
        width="100%"
        lazy-load
        :src="list.img"
      >
      </van-image>
      <img v-if="list.vu" src="../assets/images/play.png" alt="" class="play">
  </div>
</template>

<script>
export default {
  props:['list']
}
</script>

<style lang="less" >
/*   img{
    vertical-align: bottom !important;
  } */
  .center{
    position: relative;
    .van-image{
      min-height: 150px;
     /*  .van-image__error{
        // height: 100px;

      } */
    }
    .play{
      width: 30px;
      position: absolute;
      right: 20px;
      bottom: 20px;
      z-index: 1;
    }
  }
  .bad{
    height:100px;
    width:100% ;
    background-color: gray;
  }
</style>